<div class="advertisement-detail" ng-controller="TaskController" ng-init="initDetailWithToken()">

  <div class="header">
    <img src="{{qiniuhost}}{{taskDto.brandImage}}!200" alt="" style="width: 100px; height: 100px;"/>
    <h1>{{task.advertisement.adTitle}}</h1>
  </div>

  <form name="form" class="form" ng-submit="auditTask()"  novalidate style="margin-left: -20px; margin-right: -20px;">


    <div class="form-item">

      <div class="item" style="height: auto; line-height: normal;" >
        <p class="text-center"><label>上传截图</label></p>
        
        <div ng-hide="loadingStatus == 'doing' || loadingStatus == 'done'">
          <div class="upload-btn" ngf-select ng-model="file" ngf-multiple="false" >
            <img src="angular/images/task-bg.jpg" style="width: 100%">
            <p class="no-top-margin" style="color: #E15C5C;">进入微信朋友圈，截取您完成的任务页面，并将截图上传至圈圈。</p>
          </div>
        </div>
        
        <div class="padding-10">
          <p class="text-center" ng-show="loadingStatus == 'doing'">正在上传...</p>
          <div class="uploaded" ng-show="loadingStatus == 'done'">
            <img src="{{qiniuhost}}{{fileName}}!200" alt="" style="width: 100%" />
            <!-- <button type="button" class="abort" ng-click="abort(k)">X</button> -->
            <a class="abort pull-right" style="border: 0px;" ng-click="abortFile()"><span class="icon icon-large icon-abort bottom-margin-5"></span></a>
          </div>
          <div class="cycle-process uploading" ng-show="loadingStatus == 'doing'">
            <p>{{progressPercentage}}%</p>
            <a class="abort pull-right" style="border: 0px;" ng-click="abortFile()"><span class="icon icon-large icon-abort bottom-margin-5"></span></a>
          </div>
        </div>
        
      </div>

    </div>

    <div class="form-item margin-20">
      <button type="submit" class="btn btn-block client-btn">上传截图</button>
    </div>
  </form>

</div>
